<template>
  <view class="success-container">
    <view class="icon-container">
      <image src="/static/my/添加成功.png" class="success-icon" />
    </view>
    <text class="success-message">绑定成功</text>
    <button class="return-button" @click="goBack">返回</button>
  </view>
</template>

<script>
export default {
  methods: {
    goBack() {
      // 返回逻辑，例如返回上一页
      uni.navigateBack();
    }
  }
}
</script>

<style>
.success-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 500rpx;
}

.icon-container {
  margin-bottom: 20rpx;
}

.success-icon {
  width: 100rpx;
  height: 100rpx;
}

.success-message {
  font-size: 24px;
  color: #4CAF50; /* 绿色 */
  margin-bottom: 40rpx;
}

.return-button {
  color: black;
  border: black solid 1rpx;
  border-radius: 25rpx;
  width: 400rpx;
  font-size: 16px;
}
</style>